<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/style.css" />
    <title>注册</title>
  </head>
  <body>
    <header class="header">
      <a href="#"><img src="./images/Logo.png" alt="Logo" class="logo" /></a>
      <div class="login-box">
        <span class="text--1">有一个账户?</span>
        <a href="login.html" class="sign-in-btn">登录</a>
      </div>
    </header>

    <main class="main">
      <div class="form-box">
        <h1 class="heading-first">注册</h1>
        <p class="text--2">欢迎来到PIMS,你的专属信息管理</p>
        <form action="#" class="form">
          <label for="UserName" class="label">
            <p>用户名:</p>
            <input type="text" id="UserName" name="Username" class="input" />
          </label>
          <label for="PWD" class="label">
            <p>密码:</p>
            <input type="password" id="PWD" name="Password" class="input" />
          </label>
          <label for="RePWD" class="label">
            <p>重复密码:</p>
            <input type="password" id="RePWD" name="RePassword" class="input" />
          </label>
          <label for="Gender" class="label-other">
            <span class="margin-left-mid">用户性别:</span>
            <input type="radio" id="Gender" name="gender" checked value="boy" />
            <span style="margin-right: 144px">男</span>
            <input type="radio" id="Gender" name="gender" value="girl" /><span
              >女</span
            >
          </label>
          <label for="" class="label-other">
            <span class="margin-left-mid">出生日期:</span>
            <select name="year" id="Year">
              <option value="1999">1999</option>
              <option value="2000">2000</option>
              <option value="2001">2001</option>
              <option value="2002">2002</option>
              <option value="2003">2003</option>
            </select>
            <span style="margin-right: 16px">年</span>
            <select name="month" id="Month">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
              <option value="11">11</option>
              <option value="12">12</option>
            </select>
            <span style="margin-right: 16px">月</span>
            <select name="day" id="Day">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
              <option value="11">11</option>
              <option value="12">12</option>
              <option value="13">13</option>
              <option value="14">14</option>
              <option value="15">15</option>
              <option value="16">16</option>
              <option value="17">17</option>
              <option value="18">18</option>
              <option value="19">19</option>
              <option value="20">20</option>
              <option value="21">21</option>
              <option value="22">22</option>
              <option value="23">23</option>
              <option value="24">24</option>
              <option value="25">25</option>
              <option value="26">26</option>
              <option value="27">27</option>
              <option value="28">28</option>
              <option value="29">29</option>
              <option value="30">30</option>
              <option value="31">31</option>
            </select>
            <span style="margin-right: 16px">日</span>
          </label>

          <label for="Nation" class="label-other">
            <span class="margin-left-mid">民族:</span>
            <input type="radio" name="nation" value="han" /><span
              style="margin-right: 16px"
              >汉族</span
            >
            <input type="radio" name="nation" value="hui" /><span
              style="margin-right: 16px"
              >回族</span
            >
            <input type="radio" name="nation" value="zhuang" /><span
              style="margin-right: 16px"
              >庄族</span
            >
            <input type="radio" name="nation" value="others" /><span
              style="margin-right: 16px"
              >其他</span
            >
          </label>

          <label for="Nation" class="label-other">
            <span class="margin-left-mid">学历:</span>
            <select name="education" id="Education">
              <option value="primary">小学</option>
              <option value="high">高中</option>
              <option value="college">本科</option>
              <option value="master">硕士</option>
              <option value="doctor">博士</option>
            </select>
          </label>

          <label for="" class="label">
            <p>用户电话:</p>
            <input type="text" name="telephone" class="input" />
          </label>

          <label for="" class="label-other">
            <span class="margin-left-mid">家庭住址:</span>
            <select name="location" id="#">
              <option value="henan">河南</option>
              <option value="other">河北</option>
              <option value="other">其他</option>
            </select>
          </label>

          <label for="" class="label">
            <p>邮箱:</p>
            <input type="email" name="email" class="input" />
          </label>
          <br />
          <input type="submit" class="submit" />
        </form>
      </div>
    </main>
  </body>
</html>
